<div class="page-container">
    <h1 class="header"><i>Связь с сотрудником садика</i></h1>
    <div class="content">
        <div class="add-message-wrap">
            <div class="box-message" style="display: none;"></div>
            <div id="for-wrap">
                Кому: <?php echo $this->formSelect('for-user', null, array('style' => 'padding: 3px 6px; font-family: Tahoma, sans-serif; font-size: 11px;'), $this->user_list) ?>
            </div>
            <textarea id="message-textarea" style="width: 557px; margin: 5px 0; padding: 5px; font-family: Tahoma, sans-serif; font-size: 11px;" rows="7" placeholder="Введите текст сообщения..."></textarea>
            <div class="btn">
                <button class="primary" onclick="send(this); return false;">Отправить</button>
            </div>
            <span id="progress_ajax" style="display: none; margin-top: 5px;" class="progress ajax-preloader-base"></span>
        </div>
    </div>
</div>
<script>
var message = $('.add-message-wrap #message-textarea');
var btn = $('.add-message-wrap .btn');
var for_user = $('#for-wrap');
var preloader = $('#progress_ajax');
var box_message = $('.box-message');

function send(el) {
    var for_user_id = for_user.find('option:selected').attr('value');
    box_message.hide();
    if (!message.val()) {
        message.focus();
        return;
    } else if (for_user_id == 0) {
        box_message.html('Пожалуйста, укажите какому пользователю отправить сообщение.').show();
        return;
    }
    $(el).parent().hide();
    preloader.show();
    message.attr('disabled', 'disabled');
    for_user.attr('disabled', 'disabled');
    $.ajax({
		'url': '/personal.page/message.add',
		'type': 'post',
		'data': {
			'for_user':for_user_id,
			'text': message.val()
		},
		'dataType': 'json',
		'success': function(response) {
            if (response.status == 'ok') {
                box_message.html('Сообщение отправлено').show();
                setTimeout(function(){
                    box_message.fadeOut(300);
                }, 5000);
            }
            addMessageList('posted', response.message);
            message.val('').removeAttr('disabled');
            for_user.removeAttr('disabled');
			$(el).parent().show();
			preloader.hide();
		},
		'error': function(error) {
			alert('При обработке запроса возникли какие-то ошибки');
			message.removeAttr('disabled');
            for_user.removeAttr('disabled');
			$(el).parent().show();
			preloader.hide();
		}
	});
}
</script>